import { createApp } from "vue";
import { createPinia } from "pinia";
import App from "./App.vue";
import router from "./router";
// element-plus
import ElementPlus from "element-plus";
import "element-plus/dist/index.css";
// import {}
// Ant Design Vue
import Antd from "ant-design-vue";
import "ant-design-vue/dist/reset.css";

// 滑块
// import MakeitCaptcha from "makeit-captcha";
// import "makeit-captcha/dist/captcha.min.css";

// import './assets/main.css'
import * as ElementPlusIconsVue from "@element-plus/icons-vue";
import zhCn from "element-plus/dist/locale/zh-cn.mjs";
const app = createApp(App);
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component);
}
app.use(createPinia());
app.use(router);
app.use(Antd);

app.use(ElementPlus, {
  locale: zhCn,
});

// onMounted(() => {
//   document.dispatchEvent(new Event("render-event"));
// }),
// app.use(MakeitCaptcha);
app.mount("#app");
